<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>浙兰－微商城预览</title>
		<link rel="bookmark" type="image/x-icon" href="http://mythcorp.xicp.net:8081/FMCG_NEW/images/logo/favicon.ico" />
		<link rel="shortcut icon" href="http://mythcorp.xicp.net:8081/FMCG_NEW/images/logo/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="../../css/wpage/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/wpage/hbuilder.css">
		<link rel="stylesheet" type="text/css" href="../../skin/Content/Shop/fonts/iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../css/wpage/canvas.css">
		<script src="../../js/JScripts/Shop/jquery-1.11.0.min.js" type="text/javascript"></script>
		<script src="../../JS/XHD.js?v=20180515" type="text/javascript"></script>

	</head>
	<script>
		var textRoll = function() {
			$('#notice a:last').css({
				'height': '0px',
				'opacity': '0'
			}).insertBefore('#notice a:first').animate({
				'height': '35px',
				'opacity': '1'
			}, 'slow', function() {
				$(this).removeAttr('style');
			});
		}
		var ccode;
		$(function() {
			//触发上下文字滚动事件 
			initUrl();
			var roll = setInterval('textRoll()', 4000);
			$("#notice a").hover(function() {
				clearInterval(roll);
			}, function() {
				roll = setInterval('textRoll()', 4000)
			});
			ccode = getparastr("fid");
			$("#pay").css("display", "none");
		});

		function join() {
			var url = "../main/hao_pay.aspx";
			location.replace(url);
		}

		function initUrl() {
			$.ajax({
				url: "../../Api/wpage.ashx",
				type: "get",
				dateType: "json",
				data: {
					Action: "mainp",
					rnd: Math.random()
				},
				success: function(data) {
					var obj = eval('(' + data + ')');
					if(obj.ok) {
						if(obj.url.indexOf("http://") == 0) {
							document.getElementById("imainframe").src = obj.url;

						} else
							document.getElementById("imainframe").src = "http://" + obj.url;
					} else {
						alert("请先配置微信公众号信息");
					}
				}
			});
		}
	</script>

	<body>
		<div class="header">
			<div class="container">
				<ul class="mui-pull-left mui-list-inline">
					<!--	<li>
						<a class="weixin-toggle"><i class="icon kxfont icon-xiaoxi1"></i>浙兰智管家
							<div class="pop-modal"><img src="//dcloud.io/img/weixin.jpg"></div>
						</a>
					</li>-->
					<li>
						<a href="http://wpa.qq.com/msgrd?v=3&uin=2680505652&site=qq&menu=yes" target="_blank" class="weibo"><i class="icon kxfont icon-kefu"></i>在线客服</a>
					</li>
					<li><i class="icon kxfont icon-remind"></i>公告：
						<div id="notice">
							<a href="#" target="_blank" class="notice-open">浙兰智管家推出免费注册，浙兰商城优惠价只需￥1980</a>
							<a href="#" target="_blank" class="notice-open">浙兰智管家招人啦，工程师、运营快到碗里来</a>
							<a href="#" target="_blank" class="notice-open">浙兰公众号更新最新教程</a>
						</div>
					</li>
				</ul>

			</div>
		</div>

		<div class="board-a mui-board-a">
			<div class="container">
				<div class="mui-clearfix page-title">
					<h3 class="mui-pull-left"><span class="color3">浙兰商城</span>-让您的生意飞起来</h3>
					<div class="mui-pull-left" id="pay">
						<a class="idedownload mui-btn mui-btn-block mui-btn-primary mui-btn-outlined" style="border-radius: 5px; margin: -13px 5px 0 60px;padding: 10px 0;" onclick="join();" target="_blank">立刻加入</a>
					</div>
					<div class="mui-pull-right">
					</div>
				</div>

				<div class="gray-box">
					<div class="mui-clearfix">
						<div class="mui-pull-left mui-text-center">
							<p>扫描二维码，关注浙兰公众号，在你的手机上体验浙兰商城</p>
							<a href="#" target="view_window"><img src="../../images/login/weixin.jpg"></a>
							<ul id="Sh_list" class="mui-list-inline">
								<li class="active">
									<h3>自定义</h3>
									<p>根据自己需求，特色，突出自己的产品展示</p>
								</li>
								<li>
									<h3>公平</h3>
									<p>精确社区定位，让任何商家不在为排名烦恼</p>
								</li>
								<li>
									<h3>多端发布</h3>
									<p>iOS、Android、浏览器、微信公众号全范围覆盖</p>
								</li>
								<li>
									<h3>商会商城</h3>
									<p>供应商加盟的商会性质的微信公众号商城，直接让小超市完成在线订货</p>
								</li>
							</ul>
							<script>
								$('#Sh_list li').hover(function() {
									$(this).addClass('active').siblings().removeClass('active');
								});
							</script>
						</div>
						<div class="mui-pull-right">
							<div class="phone">
								<iframe id="imainframe" src="http://ntyh.shop.necessities.com.cn/wpageb/main.html?site=BE9E47AF66AD549F" frameborder="0" scrolling="yes"></iframe>
								<div class="statusbar"></div>
							</div>
						</div>
					</div>
				</div>

			</div>

	</body>

</html>